
.avBox{
    display: flex;
    margin: 10px auto;
    // border:solid 2px #eee;
    padding:4px;
    box-sizing: border-box;
    background:#eee;
    width:90px;
    height:90px;
    border-radius:4px;
    flex-wrap:wrap;
    align-content: center;
    justify-content: center;
    font-size:0px;
    align-items: center;
    overflow: hidden;
    .avList{
        width:100%;
        height:100%;
        overflow: hidden;
        box-sizing:content-box;
        // padding:1px;
        .avimg{
            width: 100%;
            height:100%;
        }
    }
  
}

.avBox.len2{
    .avList{
        width:50%;
        height:50%;
    }
}
.avBox.len3{
    .avList{
        width:33.3333%;
        height:33.3333%;
    }
}

// .loop(@i) when (@i>0){
//     .loop((@i - 1));
//     .avBox.len@{i}{
//         .avList{
//             width:(100%/@i);
//             height:(100%/@i);
//         }
//     }
// }

// .loop(10);

